@charset "utf-8";
@import "init";
@import "common";
main {
    width: 100%;
    overflow-y: auto;
    position: absolute;
    left: 0;
    top: r(150);
    bottom: r(170);
    .banner {
        width: 100%;
        overflow: hidden;
        img {
            width: 100%;
        }
    }
    .main_title {
        padding: r(35) r(20);
        display: flex;
        justify-content: space-between;
        align-items: center;
        .main_title_left {
            display: flex;
            align-items: center;
            i {
                font-size: r(54);
                color: $bg-color;
            }
            p {
                padding-left: r(12);
                font-size: r(30);
                color: #000;
            }
        }
        .main_title_right {
            a {
                display: flex;
                align-items: center;
                i {
                    font-size: r(25);
                    color: $bg-color;
                }
                p {
                    padding-right: r(10);
                    font-size: r(30);
                    color: #000;
                }
            }
        }
    }
    .main_title_img {
        display: flex;
        padding: r(18) r(80);
        flex-wrap: wrap;
        .img_box {
            width: 100%;
            display: flex;
            justify-content: space-between;
            align-items: center;
            .img_box_preferential {
                width: r(240);
                height: r(94);
                overflow: hidden;
                img {
                    width: 100%;
                }
            }
        }
        .img_box:first-child {
            margin-bottom: r(30);
        }
    }
    a{
        color: #000;
    }
    .main_store {
        padding: 0 r(20);
        display: flex;
        margin-bottom: r(30);
        .main_store_left {
            .main_store_img {
                width: r(211);
                height: (164);
                overflow: hidden;
                img {
                    width: 100%;
                }
            }
        }
        
        .main_store_right {
            width: 100%;
            margin-left: r(20);
            
            .right_top {
                display: flex;
                justify-content: space-between;
                align-items: center;
                p {
                    font-size: r(30);
                }
                span {
                    font-size: r(22);
                    color: $text-color;
                }
            }
            .right_middle {
                font-size: r(22);
                color: $text-color;
                display: flex;
                padding: r(20) 0;
                span {}
                p {
                    padding-left: r(12);
                }
            }
            .right_bottom {
                display: flex;
                 justify-content: space-between;
                align-items: center;
                p {
                     font-size: r(32);
                        color: $bg-color;
                }
                span {
                    font-size: r(22);
                    color: $text-color;
                }
            }
        }
    }
}